<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=0">
  <title lang-attr="topBar1">首页 - HelloApp</title>
  <link rel="stylesheet" href="/css/normalize.css">
  <link rel="stylesheet" href="/css/common.css">
</head>
<body>
    <!-- 顶部导航栏 -->
    <div class="ha-top-bar ha-flex-center-between">
      <a class="ha-logo" href="/">
        <img src="/images/index/logo.png">
      </a>
      <div class="ha-tab-container ha-flex-center-between">
        <a class="ha-tab-item active" href="/">
          <span lang-attr="topBar1"></span>
        </a>
        <a class="ha-tab-item" href="/company_product.html">
          <span lang-attr="topBar2"></span>
        </a>
        <a class="ha-tab-item" href="/contact_us.html">
          <span lang-attr="topBar3"></span>
        </a>
        <a class="ha-tab-item" href="/job_offers.html">
          <span lang-attr="topBar4"></span>
        </a>
        <span class="ha-tab-item ha-tab-divider">|</span>
        <div class="ha-tab-switch">
          <div class="ha-flex-center">
            <span lang-attr="lang">中</span>
            <span class="ha-language-icon"></span>
          </div>
          <div class="ha-language-select">
            <div class="ha-language-option" option-lang="zh">中</div>
            <div class="ha-language-option" option-lang="en">EN</div>
          </div>
        </div>
      </div>
    </div>
  
    <!-- banner -->
    <div class="ha-swiper-container">
      <div id="swiperBox">
        <!-- <img class="ha-swiper-item active" src="/images/index/home_banner_ch.png">
        <img class="ha-swiper-item" src="/images/index/home_banner_en_01.png"> -->
      </div>
      <div class="ha-swiper-point ha-flex-center" id="swiperPointBox">
        <!-- <span class="ha-swiper-point-item active"></span>
        <span class="ha-swiper-point-item"></span> -->
      </div>
    </div>
  
    <!-- 首页内容 -->
    <div class="ha-main">
      <h1 class="ha-main-title" lang-attr="home1"></h1>
      <div class="ha-main-info" lang-attr="home2"></div>
    </div>
    <div class="ha-main-container">
      <div class="ha-main-item ha-main-item-right">
        <img src="/images/index/home_bgimg_01.png">
        <div class="ha-main-content">
          <h2 class="ha-main-content-title" lang-attr="home3"></h2>
          <img src="/images/index/title_bg.png" class="ha-main-content-title-bg">
          <div class="ha-main-content-text" lang-attr="home4"></div>
        </div>
      </div>
      <div class="ha-main-item ha-main-item-left">
        <img src="/images/index/home_bgimg_02.png">
        <div class="ha-main-content">
          <h2 class="ha-main-content-title" lang-attr="home5">我们的目标</h2>
          <img src="/images/index/title_bg.png" class="ha-main-content-title-bg">
          <div class="ha-main-content-text" lang-attr="home6">我们的目标是通过创新和卓越的工作为客户提供优质服务。我们致力于为客户需求提供最佳解决方案，从头到尾与他们紧密合作。</div>
        </div>
      </div>
      <div class="ha-main-item ha-main-item-right">
        <img src="/images/index/home_bgimg_01.png">
        <div class="ha-main-content">
          <h2 class="ha-main-content-title" lang-attr="home7">高质量</h2>
          <img src="/images/index/title_bg.png" class="ha-main-content-title-bg">
          <div class="ha-main-content-text" lang-attr="home8">在HelloApp，我们致力于紧跟行业最新趋势和技术。我们的专家团队致力于交付高质量的工作，超越客户的期望。我们对自己的工作充满激情，致力于帮助客户取得成功。</div>
        </div>
      </div>
    </div>
  
    <!-- 底部信息栏 -->
    <div class="ha-flex-center ha-footer-container">
      <img src="/images/index/foot_logo.png">
      <span class="ha-footer-text">&copy 2023 HelloApp</span>
    </div>
  
    <script src="/js/common.js"></script>
    <script src="/js/index.js"></script>
</body>
</html>
